﻿<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Expires" content="0">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache">
	<title>职务管理</title>	
	<link rel='stylesheet' href="css/jquery-ui.min.css">
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/bootstrap-table.min.css" />
	<link rel="stylesheet" href="css/bootstrapValidator.min.css" />
	<link rel="stylesheet" href="pagecss/page.css" />
	<script type="text/javascript" src="js/jquery-3.7.0.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui.min.js"></script>	
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/bootstrap-table.min.js"></script>
	<script type="text/javascript" src="js/bootstrap-table-zh_CN.js"></script>
	<script type="text/javascript" src="js/bootstrapValidator.min.js"></script>
	<script type="text/javascript" src="js/bootstrapValidator-zh_CN.js"></script>
	<script type="text/javascript" src="js/bootstrapValidator-rock.js"></script>	
	<script type="text/javascript" src="js/rockjs-1.0.js"></script>	
	<script type="text/javascript" src="pagejs/common.js"></script>
	<script type="text/javascript" src="pagejs/job.js"></script>
</head>

<body>
	<div class="container" style="width:100%;border: 0px;">
		<div class="row">
			<div class="col-md-12">								
				<br>
				<div class="row">
					<div id="tb_search">
						<button class="search-btn" tabindex="3" onclick="loadTableData();"></button>
						<button class="add-btn" tabindex="4" onclick="initForm($('#frmEdit'),true)"></button>						
						<button class="delete-btn" tabindex="6" onclick="deleteAllSelections();"></button>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<!-- 表格数据信息 -->
				<table id="tableData" data-toggle="table" data-toolbar="#tb_search"	class="table table-striped table-bordered table-hover">
				</table>
			</div>
		</div>
	</div>

	<!-- 信息编辑模态框（Modal） -->
	<div class="modal fade" tabindex="-1" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content" style="width: 700px;">
				<div class="modal-header">
					<span class="close" data-dismiss="modal"><img src="images/close_btn.png" /></span>
					<h4 class="modal-title" align="left">修改信息</h4>
				</div>
				<div class="modal-body">
					<form id="frmEdit" name="frmEdit" class="form-horizontal" role="form">
						<input type="hidden" class="form-control" id="editId" name="id" value="">
						<br>
						<div class="row form-group">
							<label for="editCode" class="col-sm-3 control-label text-danger">职务编号:</label>
							<div class="col-sm-5">
								<input type="text" class="form-control" id="editCode" name="code" maxlength="20"
									tabindex="11" data-toggle="popover" placeholder="请输入编号"
									title="编号必须由英文或数字组成(限制20个字符)" required data-bv-container="#err_editCode"
									pattern="^[A-Za-z0-9]{0,20}$">
							</div>
							<div id="err_editCode" style="text-align: left;"></div>
						</div>
						<br>
						<div class="row form-group">
							<label for="editName" class="col-sm-3 control-label text-danger">职务名称:</label>
							<div class="col-sm-5">
								<input type="text" class="form-control" id="editName" name="name" maxlength="50"
									tabindex="12" data-toggle="popover" placeholder="请输入名称" title="名称必须是2-50个有效字符"
									required data-bv-container="#err_editName" pattern="^\S{2,50}$">
							</div>
							<div id="err_editName" style="text-align: left;"></div>
						</div>
						<br>
						<div class="row form-group">
							<label for="editDescr" class="col-sm-3 control-label">备注:</label>
							<div class="col-sm-5">
								<textarea rows="3" class="form-control" id="editDescr" name="descr" maxlength="200"
									tabindex="13" placeholder="请输入备注(200字以内)" style="height: 150px"></textarea>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button class="modal-save-btn" tabindex="20"
						onclick="submitForm($('#frmEdit'),$('#editId').val())"></button>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<button class="modal-reset-btn" tabindex="21" onclick="initForm($('#frmEdit'),false,$('#editId').val())"></button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>

	<!-- 信息查看模态框（Modal） -->
	<div class="modal fade" tabindex="-1" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content" style="width: 600px;">
				<div class="modal-header">
					<span class="close" data-dismiss="modal"><img src="images/close_btn.png" /></span>
					<h4 class="modal-title">详细信息</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" id="frmView" name="frmView" role="form">
						<div class="row form-group">
							<label class="col-sm-3 control-label">主键id:</label>
							<div class="col-sm-8">
								<input type="text" class="form-control" name="id" readonly>
							</div>
						</div>
						<div class="row form-group">
							<label class="col-sm-3 control-label">职务编号:</label>
							<div class="col-sm-8">
								<input type="text" class="form-control" name="code" readonly>
							</div>
						</div>
						<div class="row form-group">
							<label class="col-sm-3 control-label">职务名称:</label>
							<div class="col-sm-8">
								<input type="text" class="form-control" name="name" readonly>
							</div>
						</div>
						<div class="row form-group">
							<label class="col-sm-3 control-label">备注:</label>
							<div class="col-sm-8">
								<textarea rows="3" class="form-control" name="descr" readonly></textarea>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button class="btn-primary" data-dismiss="modal">关 闭</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
</body>

</html>